<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="assets/css/css/index.css"/>
    <title>index</title>
    <style type="text/css">
        .banner{width: 100%;height: 400px;background: url(assets/img/r.jpg) no-repeat 100% 100%;background-size: 100% 100%;}
        .font{width: 90%;text-align: center;color: #fff;line-height: 60px;font-size: 20px;padding-top: 20px;}
        .font h1{word-spacing: 20px;letter-spacing: 10px;font-size: 50px;}
        .fontP{text-align: center;color: #fff;line-height: 60px;font-size: 20px;padding-top: 20px;}
        .forms{width: 90%;margin: 0 auto;}
        .form{background-color: #D6CCC5;text-align: center;display: flex;justify-content: space-around;align-items: center;height: 60px;width: 30%;padding: 0 20px;margin: 30px auto;}
        .form input{border-radius: 5px;display: block;height: 30px;width: 350px;border: none;padding-left: 10px;font-weight: bold;}
        .form button{width: 100px;height: 30px;border-radius: 5px;border: none;background: url(assets/img/button.png) no-repeat 10px 6px;background-size: 15px 15px;background-color: #F19323;font-weight: bold;}
        /* banner完 */
        .main{width: 100%;height: 400px;background: url(assets/img/banner2.jpg) no-repeat 100% 100%;background-size: 100%;}
        .main p{font-size:40px ;font-weight: bold;color: #fff;line-height: 60px;width: 90%;margin: 0 auto;padding-top: 100px;text-align: center;word-spacing: 15px;letter-spacing: 5px;}
        /* main完 */
        @media screen and (max-width:940px) {
            .form{flex-wrap: wrap;padding: 20px 20px;margin: 0px auto;}
            .fontP{font-size: 15px;padding-top: 0px;}
        }
        @media screen and (max-width:800px){
            .form{width: 40%;padding: 20px 20px;margin: 0px auto;}
            .font{line-height: 50px;padding-top: 10px;}
            .fontP{font-size: 15px;padding-top: 0px;}
        }
        @media screen and (max-width:650px){
            .form{width: 40%;padding: 20px 40px;margin: 5px auto;}
            .font{line-height: 40px;padding-top: 10px;}
            .font h1{word-spacing: 10px;letter-spacing: 10px;font-size: 40px;}
            .fontP{font-size: 15px;padding-top: 0px;}
        }
    </style>
</head>
<body>
<!--        头部-->
<div th:replace="pub_head"></div>

<div id="bigBox">

    <div class="banner1" align="center">
        <div class="center ways" align="center">
            <div class="way" th:each="user:${modules[0].banners}">
                <img th:src="${user.imgUrl1}">
                <h3>[[${user.title}]]</h3>
                <h3 class="wayF2">[[${user.description}]]</h3>
                <div class="wayB">
                    <p class="wayF">[[${user.content}]]</p>
                    <p class="wayF1">[[${user.content1}]]<span>[[${user.remark}]]</span></p>
                </div>
            </div>
        </div>
    </div><!--banner1-->
</div><!--bigBox&ndash;&gt;-->

<!--        脚部-->
<div th:replace="pub_footer"></div>

<script src="assets/js/js/jquery-1.8.2.min.js"></script>
<script src="assets/js/js/common.js"></script>
<script src="assets/js/js/html5zoo.js"></script>
<script src="assets/js/js/jquery.countuo.min.js"></script>
<script src="assets/js/js/jquery.js"></script>
<script src="assets/js/js/wow.min.js"></script>
<script src="assets/js/js/jquery.waypoints.min.js"></script>
<script src="assets/utils/index.js"></script>

<script type="text/javascript">
    // var one=new Vue({
    //     el:'#bigBox',
    //     data:{
    //         name:'',
    //         email:''
    //     }
    // })


</script>
</body>
</html>
